<template>
  <p>car: {{ car }}</p>
  <br />
  <hr />
  <provideInjectChild></provideInjectChild>
</template>
<script setup lang="ts">
import provideInjectChild from "@/components/sub/provide-inject-child.vue";
import { provide, ref } from "vue";
let car = ref("car b");
let updateCar = () => {
  car.value = "奔驰";
};
provide("carContext", { car, updateCar });
</script>
<style lang="scss" scoped></style>
